<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	/* http://localhost:8080/logistics/  */
%>
<!DOCTYPE HTML>
<html>
<head>
<!-- 设置当前页面基础路径 -->
<base href="<%=basePath%>">
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,baseData-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
</head>
<body>
<article class="page-container">
	<form class="form form-horizontal" method="post" action="${empty baseData ?'baseData/insert.do':'baseData/update.do'}" id="baseDataForm">
	<!-- 用户id：修改的时候使用 -->
	<input type="hidden" name="baseId" value="${baseData.baseId}">
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>基础数据名称：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="text" class="input-text"    value="${baseData.baseName}" placeholder="请输入基础数据名称" id="baseName" name="baseName">
		</div>
	</div>
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3">备注：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<textarea name="baseDesc" cols="" rows="" class="textarea" >${baseData.baseDesc}</textarea>
		</div>
	</div>


	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3">父基础数据：</label>
		<div class="formControls col-xs-8 col-sm-9"> 
		<span class="select-box" style="width:150px;">
			<select class="select" name="parentId" size="1">
				<option value="">请选择</option>
				<!-- 循环父基础数据 -->
				<c:forEach items="${parents}" var="p">
					<option ${baseData.parentId eq p.baseId ? 'selected':''} value="${p.baseId}">${p.baseName}</option>
				</c:forEach>
			</select>
			</span> 
		</div>
	</div>
	
	<div class="row cl">
		<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
			<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
		</div>
	</div>
	</form>
</article>

<!--_footer 作为公共模版分离出去--> 
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script> 
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script> 
<script type="text/javascript">
$(function(){
	
	/* 
		开始使用Jquery.validate 表单校验插件进行表单校验
		
	*/
	
	$("#baseDataForm").validate({
		/* 校验规则 */
		rules:{
			baseName:{
				required:true,
			}
					
		},
		/* 校验失败的提示消息 */
		messages:{
			baseName:{
				required:"基础数据名称不能为空",
			}
		},
		/* 校验成功以后的处理函数 
		
			form :原生js的DOM对象
			
			原生js转 jquery对象  $(form)
		
			form : jquery-validata 底层校验成功后获取传递过来（自动）
		*/
		submitHandler:function(form){
			
			/* 
				ajax 后台会响应数据
				
				fucntion(data){
				
				}
				data ：是ajax异步后台响应json数据，名字一般叫做data
					可以随便命名， response，xxx,abc
			
			*/
			
	$(form).ajaxSubmit(function(data){
		
		//提示
		layer.msg(data.message, {icon: data.code,time:2000},function(){
			
			//新增成功：刷新父页面表格，并且关闭弹出框（新增界面，子页面）
			//一定要先刷新，再关闭，因为关闭了，就不存父页面
			if(data.code == 1){
				//刷新父页面bootstrap-table表格
				parent.refreshTable();
				
				//关闭弹出框
				parent.layer.closeAll();
				
			}
			
		}); 
		
		
	})
			
		}
		
		
	});
	
	
});
</script> 
</body>
</html>


